<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.big{
				width: 980px;
				margin: 0 auto;
			}
			.top{
				border-top: black 1px solid;
				width: 100%;
				height: 130px;
				background: url(images/h_bg.jpg) -22px 0;
			}
			.right{
				width: 470px;
				height: 80px;
				float: right;
			}
			.right ul li{
				float: left;
				list-style: none;
				width: 90px;
			}
			.right i{
				width: 20px;
				height: 20px;
				display: inline-block;
			}
			#i1{
				background:url(images/icon.gif) -3px -2px;
			}
			#i2{
				background:url(images/icon.gif) -46px -2px;
			}
			#i3{
				background:url(images/icon.gif) -92px -2px;
			}
			#i4{
				background:url(images/icon.gif) -132px -2px;
			}
			.right p{
				position: absolute;
				top: 50px;
			}
			.right a{
				text-decoration: none;
				color: black;
			}
			.right div{
				width: 40px;
				float: left;
				border-radius: 6px;
				margin: 3px;
				border: black 1px solid;
			}
			.centent{
				background: url(images/bg.gif);
				height: 645px;
				width: 100%;
			}
			.cl{
				width: 195px;
				height: 600px;
				margin-top: 40px;
				float: left;
			}
			.cl div{
				width: 100%;
				height: 148px;
			}
			#tb ul li a{
				text-decoration: none;
				color: black;
			}
			#tb ul li{
				list-style: none;
				width: 85px;
				float: left;
			}
			#tb{
				margin-top: 100px;
				height: 30px;
			}
			.cl div h4{
				color: orange;
			}
			.cl ul li{
				float: left;
				list-style: none;
				width: 60px;
			}
			.cl ul li a{
				color: black;
				text-decoration: none;
			}
			#img{
				width: 523px;
				height: 190px;
				float: left;
				background: url(images/ad-04.jpg);
				margin-top: 10px;
				margin-left: 18px;
			}
			#small{
				margin-top: 150px;
				margin-left: 150px;
				float: left;
				width: 160px;
				height: 40px;
			}
			#small div{
				width: 20px;
				height: 20px;
				float: left;
				margin: 10px;
				background-color: pink;
				color: white;
				text-align: center;
				line-height: 20px;
			}
			#bottom{
				width: 100%;
				text-align: center;
			}
			#cc{
				width: 520px;
				height: 400px;
				float: left;
				margin-top: 29px;
				margin-left: 19px;
			}
			#cc ul li{
				list-style: none;
				float: left;
				padding: 15px;
			}
			#cc ul li a{
				text-decoration: none;
				color: black;
			}
			#cr{
				width: 227px;
				height: 255px;
				float: right;
				margin-top: -27px;
			}
			#cr ul li{
				list-style: none;
			}
			#cr ul li a{
				text-decoration: none;
				color: black;
			}
			#bottom h4{
				width: 70px;
				float: left;
				margin-left: 100px;
			}
			#bottom ul li{
				list-style: none;
				float: left;
			}
			#bottom ul li a{
				text-decoration: none;
				color: black;
			}
		</style>
	</head>
	<body>
		<div class="big">
			<div class="top">
				<div class="right">
					<ul>
						<li><i id="i1"></i><a href="购物列表.html">购物车</a></li>
						<li><i id="i2"></i><a href="1.html">帮助中心</a></li>
						<li><i id="i3"></i><a href="">加入收藏</a></li>
						<li><i id="i4"></i><a href="">设为首页</a></li>
					</ul>
					<div><a href="login.html">登录</a></div>
					<div><a href="注册.html">注册</a></div>
					<p>欢迎</p>
				</div>
				<div id="tb">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">家用电器</a></li>
						<li><a href="#">手机数码</a></li>
						<li><a href="#">日用百货</a></li>
						<li><a href="#">书籍</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">免费开店</a></li>
						<li><a href="#">全球咨询</a></li>
					</ul>
				</div>
			</div>
			<div class="centent">
				<div class="cl">
					<div><h4>家用电器</h4>
					<ul>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
					</ul></div>
					<div><h4>家用电器</h4>
					<ul>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
					</ul></div>
					<div><h4>家用电器</h4>
					<ul>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
					</ul></div>
					<div><h4>家用电器</h4>
					<ul>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
						<li><a href="">洗衣机</a></li>
					</ul></div>
				</div>
				<div id="img">
					<div id="small">
						<div>1</div>
						<div>2</div>
						<div>3</div>
						<div>4</div>
					</div>
				</div>
				<div id="cc">
					<ul>
						<li><a href="详情.html"><img src="images/notebook.jpg" alt=""><br/>2020最新上网本</a></li>
						<li><a href="详情.html"><img src="images/notebook.jpg" alt=""><br/>2020最新上网本</a></li>
						<li><a href="详情.html"><img src="images/notebook.jpg" alt=""><br/>2020最新上网本</a></li>
						<li><a href="详情.html"><img src="images/notebook.jpg" alt=""><br/>2020最新上网本</a></li>
						<li><a href="详情.html"><img src="images/notebook.jpg" alt=""><br/>2020最新上网本</a></li>
						<li><a href="详情.html"><img src="images/notebook.jpg" alt=""><br/>2020最新上网本</a></li>
						<li><a href="详情.html"><img src="images/notebook.jpg" alt=""><br/>2020最新上网本</a></li>
						<li><a href="详情.html"><img src="images/notebook.jpg" alt=""><br/>2020最新上网本</a></li>
						<li><a href="详情.html"><img src="images/notebook.jpg" alt=""><br/>2020最新上网本</a></li>
					</ul>
				</div>
				<div id="cr">
					<ul>
						<li><a href=""><img src="images/show2.jpg" alt="">大牌狂降价，三折直送</a></li>
						<li><a href=""><img src="images/show2.jpg" alt="">大牌狂降价，三折直送</a></li>
						<li><a href=""><img src="images/show2.jpg" alt="">大牌狂降价，三折直送</a></li>
						<li><a href=""><img src="images/show2.jpg" alt="">大牌狂降价，三折直送</a></li>
					</ul>
				</div>
			</div>
			<div id="bottom">
				<h4>友情链接:</h4>
				<ul>
					<li><a href="">百度 |</a></li>
					<li><a href="">Google |</a></li>
					<li><a href="">雅虎 |</a></li>
					<li><a href="">淘宝 |</a></li>
					<li><a href="">拍拍 |</a></li>
					<li><a href="">易趣 |</a></li>
					<li><a href="">当当 |</a></li>
					<li><a href="">京东商城 |</a></li>
					<li><a href="">迅雷 |</a></li>
					<li><a href="">新浪 |</a></li>
					<li><a href="">网易 |</a></li>
					<li><a href="">搜狐 |</a></li>
					<li><a href="">猫扑 |</a></li>
					<li><a href="">开心网 |</a></li>
					<li><a href="">新华网 |</a></li>
					<li><a href="">凤凰网</a></li>
				</ul>
				<br />
				<hr />
				<p>COPYRIGHT ⚪c 2003-2010 北京市贵美商城有限公司 ALL RIGHT RESERVED</p>
				<p>热线：400-66-13060 Email:service@prd.com</p>
				<p>ICP：沪ICP备05021104号</p>
				<p><img src="images/img1.gif" /><img src="images/img2.gif" /><img src="images/img3.gif" /><img src="images/img4.gif" /></p>
			</div>
		</div>
	</body>
</html>
